<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
  <div id="div"></div>
</body>
<script>
    //1. innerText   添加文本内容，不解析标签
    let div = document.getElementById("div");
    //步骤是先获取对象中的文本内容,然后进行修改
    //所以可以用 += 来添加文本
    div.innerText = "我是div";
    //div.innerText = "<b>我是div</b>";

    //2. innerHTML   添加文本内容，解析标签

    //步骤是先获取对象中的文本和标签内容,然后进行修改
    //所以可以用 += 来添加文本标签 不用先加入属性再
    div.innerHTML = "<b>我是div</b>";
    //删除元素
   // div.outerHTML = "";


</script>
</html>